<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0， maxium-scale=1.0, user-scalable=0">
    <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>

    <title>电解槽极板故障在线检测</title>
    <link rel="shortcut icon" href="../page/images/csu.ico">
    <!--css样式导入-->
    <style>
        @import url("../page/css/paomadeng.css");
    </style>
    <div id="head"></div>
    <script type="text/javascript">
        $('#head').load('header.html')
    </script>
    <!--表格删除单行操作-->
    <script>
        // 表格删除单行操作
        delData = function(obj) {
            var judge = confirm("确认删除吗?");
            if(judge == true) {
                tdNode = obj.parentNode;//得到td
                trNOde = tdNode.parentNode;//得到tr
                tbNOde = trNOde.parentNode;//得到table
                tbNOde.removeChild(trNOde);
            }
        }
    </script>

    <!-- 警告弹出框（无确认按键）-->
    <script>
        function centralAlertFunc(alertData, pic){
            // 创建一个div
            var layer=document.createElement("div");
            // 设置div的id值
            layer.id="layer1";

            var style={
                background:"#778288",
                color: "#FFFFFF",
                fontSize: "22px",
                fontWeight: "bold",
                borderRadius: "10px",
                position:"absolute",
                width:"400px",
                height:"160px",
                left:"0",
                right:"0",
                margin:"auto",
                top:"10%",
                opacity: "0.95" // 透明度
            }
            for(var i in style)
                layer.style[i]=style[i];

            // 当找不到id为layer的控件时
            if(document.getElementById("layer1")==null){
                // 在body中添加layer控件（layer在上面创建的）
                document.body.appendChild(layer);
                // 设置显示类容
                layer.innerHTML = "<img src = " + pic + " width='20%' height='45%'/><p>" + alertData+ "</p>"
                // layer.innerHTML = alertData;
                // 将div中文本居中
                layer.style.textAlign="center";
                layer.style.lineHeight="40px"; // 作用是调节字体行高与div同高，使其保持水平居中
                // 设置1.5s后去掉弹出窗
                setTimeout("document.body.removeChild(layer1)",2500)
            }
        }
    </script>

    <!-- 数据查询完成，弹出框-->
    <script>
        function alertFunc(alertData){
            // 创建一个div
            var layer=document.createElement("div");
            // 设置div的id值
            layer.id="layer";

            var style={
                background:"#C6E2FF",
                color: "rgb(2, 109, 173)",
                fontWeight: "bold",
                borderRadius: "10px",
                position:"absolute",
                width:"170px",
                height:"60px",
                right:"0.5%",
                top:"30%",
                opacity: "0.9" // 透明度
            }
            for(var i in style)
                layer.style[i]=style[i];

            // 当找不到id为layer的控件时
            if(document.getElementById("layer")==null){
                // 在body中添加layer控件（layer在上面创建的）
                document.body.appendChild(layer);
                // 设置显示类容
                layer.innerHTML= alertData;
                // 将div中文本居中
                layer.style.textAlign="center";
                layer.style.lineHeight="60px"; // 作用是调节字体行高与div同高，使其保持水平居中
                // 设置1.5s后去掉弹出窗
                setTimeout("document.body.removeChild(layer)",1500)
            }
        }
    </script>

    <!--单次触发 信息更新（电解槽渲染+报警处置列表打印，包含table筛选条件触发）-->
    <script>
        var selectWarnLevel = 0;
        var selectLine = 0;
        var selectSlot = 0;
        var alertFlag = 0;
        // 显示级别选择
        selectWarnFunc = function () {
            selectWarnLevel = $('#selectWarn').val();
            alertFlag = 1;
            document.getElementById("controlButton").click();
        }

        // 列号选择
        selectLineIdFunc = function () {
            selectLine = $('#selectLineId').val();
            alertFlag = 1;
            document.getElementById("controlButton").click();
        }

        // 槽号选择
        selectSlotIdFunc = function () {
            selectSlot = $('#selectSlotId').val();
            alertFlag = 1;
            document.getElementById("controlButton").click();
        }

        $(document).ready(function () {
            // 全部更新 -- 触发条件：点击按钮
            $("#controlButton").click(function () {
                // 删除旧表格（每次更新都全量更新）
                var tb = document.getElementById("tbMain");
                [...tb.childNodes].forEach(tr=>tb.removeChild(tr));
                $.get("allInfo/24", function (data) {
                    const arr = ["FR", "SE", "TH", "FO"];
                    var tbody = document.getElementById('tbMain');
                    var rowCnt = 0; // 报警处置列表显示行数

                    // 如果数据库更新时间过久，则可能没有获取到最新数据，需要检查连接
                    var curTime = +new Date();
                    var lastInsertTimeStr = data.data[0].insertTime
                    var str = lastInsertTimeStr.replace(/-/g,"/");
                    var lastInsertTime = new Date(str);
                    // 间隔超过2小时则表示未获取到更新
                    if (curTime - lastInsertTime > 7200000){
                        t = ((curTime - lastInsertTime) / 3600000).toFixed(1);
                        htmlContent = "<span style='color:red;font-size: 22px;font-weight: bolder'>" + t + "</span>";
                        centralAlertFunc(htmlContent + "小时内无数据更新，请检查连接！", '../page/images/uptime.png');
                    }

                    for (var i = data.data.length - 1; i >= 0; i--) {
                        var maxLevel = data.data[i].maxLevel;
                        var insertTime = data.data[i].insertTime.substring(11,16);
                        var id = data.data[i].slotId;
                        var lineId = parseInt(id/80);
                        var divId = arr[lineId] + id % 80;
                        if (id % 80 == 0) {
                            divId = arr[lineId - 1] + 80;
                        }
                        // 获取到按钮div,注意获取父级div内部的元素返回的是一个list
                        let box = document.getElementById(divId).getElementsByClassName("realbutton")[0];
                        if (maxLevel == "1") {
                            box.style.background = "rgb(255,255,0)";
                        } else if (maxLevel == "2") {
                            box.style.background = "rgb(255, 165, 0)";
                        } else if (maxLevel == "3") {
                            box.style.background = "rgb(255, 0, 0)";
                        } else {
                            box.style.background = "rgb(127, 160, 231)";
                        }

                        // 报警列表显示
                        for(var j = 0;j < data.data[i].slotInfo.length; j++){ //遍历一下json数据
                            var fault = data.data[i].slotInfo[j];
                            if (fault > selectWarnLevel && ((selectLine == 0) || (selectLine > 0 && lineId + 1 == selectLine)) && ((selectSlot == 0) || (selectSlot > 0 && id % 80 == selectSlot))) {
                                // bug: id % 80 为0 时，槽号会解析错误
                                row = {lineId: lineId + 1, slotId: id % 80, plaId: j + 1, warn: fault, time:insertTime};
                                var trow = getDataRow(row); //定义一个方法,返回tr数据
                                tbody.appendChild(trow);
                                rowCnt ++;
                            }
                        }
                    }
                    if (alertFlag == 1) {
                        alertFunc("检索到"+rowCnt+"条数据!");
                        alertFlag = 0;
                    }
                });
            });
        });

        /**
         * 增加一行表格数据
         * @param h 封装好的行数据
         * @returns {HTMLTableRowElement}
         */
        function getDataRow(h){
            var row = document.createElement('tr'); //创建行

            var lineIdCell = document.createElement('td'); //创建第一列id
            lineIdCell.setAttribute("class", "td");
            lineIdCell.innerHTML = h.lineId; //填充数据
            row.appendChild(lineIdCell); //加入行  ，下面类似

            var slotIdCell = document.createElement('td');//创建第二列name
            slotIdCell.setAttribute("class", "td");
            slotIdCell.innerHTML = h.slotId;
            row.appendChild(slotIdCell);

            var plaIdCell = document.createElement('td');//创建第三列job
            plaIdCell.setAttribute("class", "td");
            plaIdCell.innerHTML = h.plaId;
            row.appendChild(plaIdCell);


            var warnCell = document.createElement('td');//创建第四列job+
            warnCell.setAttribute("class", "td");
            if (h.warn == 1) {
                warnCell.innerHTML = "<div style=\"width:15px;height:15px;border-radius:50%;background-color:rgb(255,255,0); margin-left: 45%;\"></div>";
            } else if (h.warn == 2) {
                warnCell.innerHTML = "<div style=\"width:15px;height:15px;border-radius:50%;background-color:rgb(255, 165, 0); margin-left: 45%;\"></div>";
            } else {
                warnCell.innerHTML = "<div style=\"width:15px;height:15px;border-radius:50%;background-color:rgb(255, 0, 0); margin-left: 45%;\"></div>";
            }
            row.appendChild(warnCell);

            var timeCell = document.createElement('td');//创建第五列job
            timeCell.setAttribute("class", "td");
            timeCell.innerHTML = h.time;
            row.appendChild(timeCell);

            //到这里，json中的数据已经添加到表格中，下面为每行末尾添加删除按钮
            var delCell = document.createElement('td');//创建第六列，操作列
            row.appendChild(delCell);
            var btnDel = document.createElement('a'); //创建一个a控件
            btnDel.setAttribute("onclick","delData(this)"); //添加单击事件
            btnDel.setAttribute("herf","javascript:viod(0)");
            btnDel.setAttribute("class", "td");
            btnDel.innerHTML = "<img src = '../page/images/del1.ico' />";
            delCell.appendChild(btnDel);  //把删除按钮加入td，别忘了
            return row; //返回tr数据
        }
    </script>

<!--    获取浏览器缩放比例-->
    <script>
        function detectZoom() {
            var ratio = 0,//浏览器当前缩放比
                screen = window.screen,//获取屏幕
                ua = navigator.userAgent.toLowerCase();//判断登陆端是pc还是手机

            if (window.devicePixelRatio !== undefined) {
                ratio = window.devicePixelRatio;
            }
            else if (~ua.indexOf('msie')) {
                if (screen.deviceXDPI && screen.logicalXDPI) {
                    ratio = screen.deviceXDPI / screen.logicalXDPI;
                }
            }
            else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
                ratio = window.outerWidth / window.innerWidth;
            }

            if (ratio) {
                ratio = Math.round(ratio * 100);
            }
            return ratio;
        }

    </script>

    <!--定时触发 信息更新（电解槽渲染+报警处置列表打印，不包含table筛选条件触发）-->
    <script>
        // 全部更新 -- 触发条件：定时任务
        window.onload = function () {
            getApi();
            if (/Mobi|Android|iPhone/i.test(navigator.userAgent)) {
                // 当前设备是移动设备
                setTimeout('centralAlertFunc("请使用PC端浏览器访问", "../page/images/pc.jpg")', 3000);

            } else {
                if (detectZoom() != 100) {
                    setTimeout('centralAlertFunc("请将浏览器缩放比例调整为100%", "../page/images/fullscreen.jpg")', 3000);
                }
            }

        }
        function getApi() {

            // todo: 初始化操作，单独写一个js
            // 将当前弹出框的颜色清除
            for(var i = 1; i <= 38; i++) {
                document.getElementById(i).style.background = "rgb(127, 160, 231)";
            }
            // 电压、 温度数据
            document.getElementById("vol").value = "NaN";
            document.getElementById("temp1").value = "NaN";
            document.getElementById("temp2").value = "NaN";

            // 定时点击刷新按钮即可获取最新数据
            document.getElementById("controlButton").click();
            //设置时间 180-秒  1000-毫秒
            setTimeout(getApi,180*1000);
        }
    </script>

    <!--单次触发 单槽详情查看-->
    <script>
        // 单槽更新 -- 点击触发
        $(document).ready(function () {
            $(".result-color").click(function () {
                // 获取当前点击的div的id（FR1 SE1）
                var res = $(this).attr('id');
                var line = 0;
                var lineNum = res.substring(0, 2);
                if (lineNum === "FR") {
                    line = 0;
                } else if (lineNum === "SE") {
                    line = 1;
                } else if (lineNum === "TH") {
                    line = 2;
                } else if (lineNum === "FO") {
                    line = 3;
                }

                // 槽号
                var num = parseInt(res.substring(2));
                var slotId = num + line * 80;
                document.getElementById("slotLocation").innerText = "单槽信息（" + (line + 1) + "列" + num + "槽）";

                $.get("singleInfo/" + slotId, function (data) {
                    // $("#div").html(data.data[0].id);

                    if (data.data == null) {
                        return;
                    }

                    var fault = data.data.slotInfo;
                    for (let i = 0; i < 38; i++) {
                        let pid = i;
                        let box = document.getElementById(pid + 1);
                        if (fault[i] === "1") {
                            box.style.background = "rgb(255,255,0)";
                        } else if (fault[i] === "2") {
                            box.style.background = "rgb(255, 165, 0)";
                        } else if (fault[i] === "3") {
                            box.style.background = "rgb(255, 0, 0)";
                        } else {
                            box.style.background = "rgb(127, 160, 231)";
                        }
                    }

                    // 电压、 温度数据
                    document.getElementById("vol").value = data.data.vol;
                    document.getElementById("temp1").value = data.data.inTemp;
                    document.getElementById("temp2").value = data.data.outTemp;
                });
            });
        });
    </script>

    <!--详情框弹出、隐藏-->
    <script>
        function del(){
            /* 显示 */
            document.getElementById("delete").style.display="block";
        }
        function delesc(){
            /* 隐藏 */
            document.getElementById("delete").style.display="none";

            // 将当前弹出框的颜色清除
            for(var i = 1; i <= 38; i++) {
                document.getElementById(i).style.background = "rgb(127, 160, 231)";
            }
            // 电压、 温度数据
            document.getElementById("vol").value = "NaN";
            document.getElementById("temp1").value = "NaN";
            document.getElementById("temp2").value = "NaN";
        }
    </script>

    <div class="cover">
        <div  id="delete" style="border: 1px solid;width: 100%;margin: auto;height: 100%;position: fixed;left: 0px;top: 0px;overflow: auto;text-align: center;display: none;">
            <div class="content" style="background-image: url(../page/images/backpic.jpg); background-size: 115% 85%; background-position: center; width: 60%;height: 40%;margin: auto;margin-top: 5%;border-radius: 5px;border: 2.8rem;border: solid; border-color: rgb(2, 109, 173);">
                <div style="height: 80%;overflow: hidden;">
                    <!-- 框内内容 -->
                    <p id = "slotLocation" style="width: 100%;height: 13%;margin-top: 2%;text-align: center;font-size: 1.9rem;font-weight: 800;color:white;">
                        槽内信息
                    </p>
                    <div style="width: 100%;height: 50%;margin-top: 4%;display: inline-block;">
                        <div id = "detail" style="width: 96%; height: 100%;display: inline-block;line-height: 100%;overflow: hidden;">
                            <div style="width: 2.5%;height: 80%; display: inline-block;">
                                <h1 style="font-size: 1.2rem;line-height: 150%;color: white;">极板详情</h1>
                            </div>
                            <div id="1" class="innerBox" title="1" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="2" class="innerBox" title="2" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="3" class="innerBox" title="3" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="4" class="innerBox" title="4" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="5" class="innerBox" title="5" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="6" class="innerBox" title="6" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="7" class="innerBox" title="7" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="8" class="innerBox" title="8" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="9" class="innerBox" title="9" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="10" class="innerBox" title="10" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="11" class="innerBox" title="11" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="12" class="innerBox" title="12" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="13" class="innerBox" title="13" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="14" class="innerBox" title="14" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="15" class="innerBox" title="15" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="16" class="innerBox" title="16" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="17" class="innerBox" title="17" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="18" class="innerBox" title="18" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="19" class="innerBox" title="19" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="20" class="innerBox" title="20" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="21" class="innerBox" title="21" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="22" class="innerBox" title="22" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="23" class="innerBox" title="23" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="24" class="innerBox" title="24" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="25" class="innerBox" title="25" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="26" class="innerBox" title="26" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="27" class="innerBox" title="27" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="28" class="innerBox" title="28" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="29" class="innerBox" title="29" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="30" class="innerBox" title="30" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="31" class="innerBox" title="31" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="32" class="innerBox" title="32" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="33" class="innerBox" title="33" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="34" class="innerBox" title="34" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="35" class="innerBox" title="35" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="36" class="innerBox" title="36" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="37" class="innerBox" title="37" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                            <div id="38" class="innerBox" title="38" style="width: 1.9%;height: 80%; background-color: white;display: inline-block;"></div>
                        </div>
                    </div>
                    <div style="width: 100%;height: 15%;">
                        <div style="width: 30%; height: 90%;display: inline-block;margin-left: 1%;">
                            <h1 style="font-size: 1.2rem;text-align: center ;display: inline-block;margin-left: 5%;color: white; margin-right: 5px">槽电压:</h1>
                            <input id = "vol" type="text" style="border:3px solid rgb(2, 109, 173); font-size: 1.1rem; width: 28%;height: 80%; display: inline-block; border-radius: 5px;">
                            <h1 style="font-size: 1.2rem;text-align: center ;display: inline-block;color: white;">mV</h1>
                        </div>
                        <div style="width: 30%; height: 90%;display: inline-block;">
                            <h1 style="font-size: 1.2rem;text-align: center ;display: inline-block;margin-left: 5%;color: white; margin-right: 5px">最高温:</h1>
                            <input id = "temp1" type="text" style="border:3px solid rgb(2, 109, 173); font-size: 1.1rem; width: 28%;height: 80%;display: inline-block; border-radius: 5px;">
                            <h1 style="font-size: 1.2rem;text-align: center ;display: inline-block;color: white;">°C</h1>
                        </div>
                        <div style="width: 30%; height: 90%;display: inline-block;">
                            <h1 style="font-size: 1.2rem;text-align: center ;display: inline-block;margin-left: 5%;color: white; margin-right: 5px">最低温:</h1>
                            <input id = "temp2" type="text" style="border:3px solid rgb(2, 109, 173); font-size: 1.1rem; width: 28%;height: 80%;display: inline-block; border-radius: 5px;">
                            <h1 style="font-size: 1.2rem;text-align: center ;display: inline-block;color: white;">°C</h1>
                        </div>
                    </div>
                </div>
                <div id="frozen-btn" style="height: 20%;">
                    <button onclick="delesc()" class="green" style="font-size:1.3rem; width: 12%;height: 55%;line-height: 20%;font-size: large;  margin-top: 3%;">确 认</button>
                </div>
            </div>
        </div>
    </div>


<!--</head>-->

<!--<body>-->
<!--<div class="title-one">-->
<!--    <div class="title-two">-->
<!--        <h1 class="first-line">电解槽异常工况检测系统</h1>-->
<!--    </div>-->
<!--    <div class="title-three">-->
<!--        <div id="datetime" style="font-weight: bold" >-->
<!--            <script>-->
<!--                setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);-->
<!--            </script>-->
<!--        </div>-->
<!--        <div class="title-four">-->
<!--        </div>-->
<!--    </div>-->

<!--</div>-->
<!--<div id="nav">-->
<!--    <ul>-->
<!--        <li><a href="checking.html">检测</a></li>-->
<!--        <li><a href="setting.html">设置</a></li>-->
<!--        <li><a href="daily.html">日志</a></li>-->
<!--        <li><a href="voltage.html">电压</a></li>-->
<!--        <li><a href="about.html">关于</a></li>-->
<!--    </ul>-->
<!--</div>-->

</head>

<body>

<!-- 整个背景框 -->
<div class="box-one">
    <!-- 结果显示区域 -->
    <div class="box-left">
        <h1 class="report">电解槽平面布置</h1>
        <!-- 整个视场故障显示 -->
        <div class="firstline">第一列</div>
        <div class="box-result">
            <div class="result-color" id="FR1" onclick="del()">
                <div class="color-number"  >01</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR2" onclick="del()">
                <div class="color-number" onclick="alone2()">02</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>

            </div>
            <div class="result-color" id="FR3" onclick="del()">
                <div class="color-number" onclick="alone3()">03</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR4" onclick="del()">
                <div class="color-number" onclick="alone4()">04</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR5" onclick="del()">
                <div class="color-number" onclick="alone5()">05</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR6" onclick="del()">
                <div class="color-number" onclick="alone6()">06</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR7" onclick="del()">
                <div class="color-number" onclick="alone7()">07</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR8" onclick="del()">
                <div class="color-number" onclick="alone8()">08</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR9" onclick="del()">
                <div class="color-number" onclick="alone9()">09</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR10" onclick="del()">
                <div class="color-number" onclick="alone10()">10</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR11" onclick="del()">
                <div class="color-number" onclick="alone11()">11</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR12" onclick="del()">
                <div class="color-number" onclick="alone12()">12</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR13" onclick="del()">
                <div class="color-number" onclick="alone13()">13</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR14" onclick="del()">
                <div class="color-number" onclick="alone14()">14</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR15" onclick="del()">
                <div class="color-number" onclick="alone15()">15</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR16" onclick="del()">
                <div class="color-number" onclick="alone16()">16</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR17" onclick="del()">
                <div class="color-number" onclick="alone17()">17</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR18" onclick="del()">
                <div class="color-number" onclick="alone18()">18</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR19" onclick="del()">
                <div class="color-number" onclick="alone19()">19</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR20" onclick="del()">
                <div class="color-number" onclick="alone20()">20</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR21" onclick="del()">
                <div class="color-number" onclick="alone21()">21</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR22" onclick="del()">
                <div class="color-number" onclick="alone22()">22</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR23" onclick="del()">
                <div class="color-number" onclick="alone23()">23</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR24" onclick="del()">
                <div class="color-number" onclick="alone24()">24</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR25" onclick="del()">
                <div class="color-number" onclick="alone25()">25</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR26" onclick="del()">
                <div class="color-number" onclick="alone26()">26</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR27" onclick="del()">
                <div class="color-number" onclick="alone27()">27</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR28" onclick="del()">
                <div class="color-number" onclick="alone28()">28</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR29" onclick="del()">
                <div class="color-number" onclick="alone29()">29</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR30" onclick="del()">
                <div class="color-number" onclick="alone30()">30</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR31" onclick="del()">
                <div class="color-number" onclick="alone31()">31</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR32" onclick="del()">
                <div class="color-number" onclick="alone32()">32</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR33" onclick="del()">
                <div class="color-number" onclick="alone33()">33</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR34" onclick="del()">
                <div class="color-number" onclick="alone34()">34</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR35" onclick="del()">
                <div class="color-number" onclick="alone35()">35</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR36" onclick="del()">
                <div class="color-number" onclick="alone36()">36</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR37" onclick="del()">
                <div class="color-number" onclick="alone37()">37</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR38" onclick="del()">
                <div class="color-number" onclick="alone38()">38</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR39" onclick="del()">
                <div class="color-number" onclick="alone39()">39</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR40" onclick="del()">
                <div class="color-number" onclick="alone40()">40</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR41" onclick="del()">
                <div class="color-number" onclick="alone41()">41</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR42" onclick="del()">
                <div class="color-number" onclick="alone42()">42</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR43" onclick="del()">
                <div class="color-number" onclick="alone43()">43</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR44" onclick="del()">
                <div class="color-number" onclick="alone44()">44</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR45" onclick="del()">
                <div class="color-number" onclick="alone45()">45</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR46" onclick="del()">
                <div class="color-number" onclick="alone46()">46</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR47" onclick="del()">
                <div class="color-number" onclick="alone47()">47</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR48" onclick="del()">
                <div class="color-number" onclick="alone48()">48</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR49" onclick="del()">
                <div class="color-number" onclick="alone49()">49</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR50" onclick="del()">
                <div class="color-number" onclick="alone50()">50</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR51" onclick="del()">
                <div class="color-number" onclick="alone51()">51</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR52" onclick="del()">
                <div class="color-number" onclick="alone52()">52</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR53" onclick="del()">
                <div class="color-number" onclick="alone53()">53</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR54" onclick="del()">
                <div class="color-number" onclick="alone54()">54</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR55" onclick="del()">
                <div class="color-number" onclick="alone55()">55</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR56" onclick="del()">
                <div class="color-number" onclick="alone56()">56</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR57" onclick="del()">
                <div class="color-number" onclick="alone57()">57</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR58" onclick="del()">
                <div class="color-number" onclick="alone58()">58</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR59" onclick="del()">
                <div class="color-number" onclick="alone59()">59</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR60" onclick="del()">
                <div class="color-number" onclick="alone60()">60</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR61" onclick="del()">
                <div class="color-number" onclick="alone61()">61</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR62" onclick="del()">
                <div class="color-number" onclick="alone62()">62</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR63" onclick="del()">
                <div class="color-number" onclick="alone63()">63</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR64" onclick="del()">
                <div class="color-number" onclick="alone64()">64</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR65" onclick="del()">
                <div class="color-number" onclick="alone65()">65</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR66" onclick="del()">
                <div class="color-number" onclick="alone66()">66</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR67" onclick="del()">
                <div class="color-number" onclick="alone67()">67</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR68" onclick="del()">
                <div class="color-number" onclick="alone68()">68</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR69" onclick="del()">
                <div class="color-number" onclick="alone69()">69</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR70" onclick="del()">
                <div class="color-number" onclick="alone70()">70</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR71" onclick="del()">
                <div class="color-number" onclick="alone71()">71</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR72" onclick="del()">
                <div class="color-number" onclick="alone72()">72</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR73" onclick="del()">
                <div class="color-number" onclick="alone73()">73</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR74" onclick="del()">
                <div class="color-number" onclick="alone74()">74</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR75" onclick="del()">
                <div class="color-number" onclick="alone75()">75</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR76" onclick="del()">
                <div class="color-number" onclick="alone76()">76</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR77" onclick="del()">
                <div class="color-number" onclick="alone77()">77</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR78" onclick="del()">
                <div class="color-number" onclick="alone78()">78</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR79" onclick="del()">
                <div class="color-number" onclick="alone79()">79</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FR80" onclick="del()">
                <div class="color-number" onclick="alone80()">80</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div><br>
        </div>
        <div class="firstline">第二列</div>
        <div class="box-result">
            <div class="result-color" id="SE1" onclick="del()">
                <div class="color-number" onclick="alone1()">01</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE2" onclick="del()">
                <div class="color-number" onclick="alone2()">02</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>

            </div>
            <div class="result-color" id="SE3" onclick="del()">
                <div class="color-number" onclick="alone3()">03</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE4" onclick="del()">
                <div class="color-number" onclick="alone4()">04</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE5" onclick="del()">
                <div class="color-number" onclick="alone5()">05</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE6" onclick="del()">
                <div class="color-number" onclick="alone6()">06</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE7" onclick="del()">
                <div class="color-number" onclick="alone7()">07</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE8" onclick="del()">
                <div class="color-number" onclick="alone8()">08</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE9" onclick="del()">
                <div class="color-number" onclick="alone9()">09</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE10" onclick="del()">
                <div class="color-number" onclick="alone10()">10</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE11" onclick="del()">
                <div class="color-number" onclick="alone11()">11</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE12" onclick="del()">
                <div class="color-number" onclick="alone12()">12</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE13" onclick="del()">
                <div class="color-number" onclick="alone13()">13</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE14" onclick="del()">
                <div class="color-number" onclick="alone14()">14</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE15" onclick="del()">
                <div class="color-number" onclick="alone15()">15</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE16" onclick="del()">
                <div class="color-number" onclick="alone16()">16</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE17" onclick="del()">
                <div class="color-number" onclick="alone17()">17</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE18" onclick="del()">
                <div class="color-number" onclick="alone18()">18</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE19" onclick="del()">
                <div class="color-number" onclick="alone19()">19</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE20" onclick="del()">
                <div class="color-number" onclick="alone20()">20</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE21" onclick="del()">
                <div class="color-number" onclick="alone21()">21</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE22" onclick="del()">
                <div class="color-number" onclick="alone22()">22</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE23" onclick="del()">
                <div class="color-number" onclick="alone23()">23</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE24" onclick="del()">
                <div class="color-number" onclick="alone24()">24</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE25" onclick="del()">
                <div class="color-number" onclick="alone25()">25</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE26" onclick="del()">
                <div class="color-number" onclick="alone26()">26</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE27" onclick="del()">
                <div class="color-number" onclick="alone27()">27</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE28" onclick="del()">
                <div class="color-number" onclick="alone28()">28</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE29" onclick="del()">
                <div class="color-number" onclick="alone29()">29</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE30" onclick="del()">
                <div class="color-number" onclick="alone30()">30</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE31" onclick="del()">
                <div class="color-number" onclick="alone31()">31</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE32" onclick="del()">
                <div class="color-number" onclick="alone32()">32</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE33" onclick="del()">
                <div class="color-number" onclick="alone33()">33</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE34" onclick="del()">
                <div class="color-number" onclick="alone34()">34</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE35" onclick="del()">
                <div class="color-number" onclick="alone35()">35</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE36" onclick="del()">
                <div class="color-number" onclick="alone36()">36</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE37" onclick="del()">
                <div class="color-number" onclick="alone37()">37</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE38" onclick="del()">
                <div class="color-number" onclick="alone38()">38</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE39" onclick="del()">
                <div class="color-number" onclick="alone39()">39</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE40" onclick="del()">
                <div class="color-number" onclick="alone40()">40</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE41" onclick="del()">
                <div class="color-number" onclick="alone41()">41</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE42" onclick="del()">
                <div class="color-number" onclick="alone42()">42</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE43" onclick="del()">
                <div class="color-number" onclick="alone43()">43</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE44" onclick="del()">
                <div class="color-number" onclick="alone44()">44</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE45" onclick="del()">
                <div class="color-number" onclick="alone45()">45</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE46" onclick="del()">
                <div class="color-number" onclick="alone46()">46</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE47" onclick="del()">
                <div class="color-number" onclick="alone47()">47</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE48" onclick="del()">
                <div class="color-number" onclick="alone48()">48</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE49" onclick="del()">
                <div class="color-number" onclick="alone49()">49</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE50" onclick="del()">
                <div class="color-number" onclick="alone50()">50</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE51" onclick="del()">
                <div class="color-number" onclick="alone51()">51</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE52" onclick="del()">
                <div class="color-number" onclick="alone52()">52</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE53" onclick="del()">
                <div class="color-number" onclick="alone53()">53</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE54" onclick="del()">
                <div class="color-number" onclick="alone54()">54</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE55" onclick="del()">
                <div class="color-number" onclick="alone55()">55</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE56" onclick="del()">
                <div class="color-number" onclick="alone56()">56</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE57" onclick="del()">
                <div class="color-number" onclick="alone57()">57</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE58" onclick="del()">
                <div class="color-number" onclick="alone58()">58</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE59" onclick="del()">
                <div class="color-number" onclick="alone59()">59</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE60" onclick="del()">
                <div class="color-number" onclick="alone60()">60</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE61" onclick="del()">
                <div class="color-number" onclick="alone61()">61</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE62" onclick="del()">
                <div class="color-number" onclick="alone62()">62</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE63" onclick="del()">
                <div class="color-number" onclick="alone63()">63</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE64" onclick="del()">
                <div class="color-number" onclick="alone64()">64</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE65" onclick="del()">
                <div class="color-number" onclick="alone65()">65</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE66" onclick="del()">
                <div class="color-number" onclick="alone66()">66</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE67" onclick="del()">
                <div class="color-number" onclick="alone67()">67</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE68" onclick="del()">
                <div class="color-number" onclick="alone68()">68</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE69" onclick="del()">
                <div class="color-number" onclick="alone69()">69</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE70" onclick="del()">
                <div class="color-number" onclick="alone70()">70</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE71" onclick="del()">
                <div class="color-number" onclick="alone71()">71</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE72" onclick="del()">
                <div class="color-number" onclick="alone72()">72</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE73" onclick="del()">
                <div class="color-number" onclick="alone73()">73</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE74" onclick="del()">
                <div class="color-number" onclick="alone74()">74</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE75" onclick="del()">
                <div class="color-number" onclick="alone75()">75</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE76" onclick="del()">
                <div class="color-number" onclick="alone76()">76</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE77" onclick="del()">
                <div class="color-number" onclick="alone77()">77</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE78" onclick="del()">
                <div class="color-number" onclick="alone78()">78</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE79" onclick="del()">
                <div class="color-number" onclick="alone79()">79</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="SE80" onclick="del()">
                <div class="color-number" onclick="alone80()">80</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div><br>
        </div>
        <div class="firstline">第三列</div>
        <div class="box-result">
            <div class="result-color" id="TH1" onclick="del()">
                <div class="color-number" onclick="alone1()">01</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH2" onclick="del()">
                <div class="color-number" onclick="alone2()">02</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>

            </div>
            <div class="result-color" id="TH3" onclick="del()">
                <div class="color-number" onclick="alone3()">03</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH4" onclick="del()">
                <div class="color-number" onclick="alone4()">04</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH5" onclick="del()">
                <div class="color-number" onclick="alone5()">05</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH6" onclick="del()">
                <div class="color-number" onclick="alone6()">06</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH7" onclick="del()">
                <div class="color-number" onclick="alone7()">07</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH8" onclick="del()">
                <div class="color-number" onclick="alone8()">08</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH9" onclick="del()">
                <div class="color-number" onclick="alone9()">09</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH10" onclick="del()">
                <div class="color-number" onclick="alone10()">10</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH11" onclick="del()">
                <div class="color-number" onclick="alone11()">11</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH12" onclick="del()">
                <div class="color-number" onclick="alone12()">12</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH13" onclick="del()">
                <div class="color-number" onclick="alone13()">13</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH14" onclick="del()">
                <div class="color-number" onclick="alone14()">14</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH15" onclick="del()">
                <div class="color-number" onclick="alone15()">15</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH16" onclick="del()">
                <div class="color-number" onclick="alone16()">16</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH17" onclick="del()">
                <div class="color-number" onclick="alone17()">17</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH18" onclick="del()">
                <div class="color-number" onclick="alone18()">18</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH19" onclick="del()">
                <div class="color-number" onclick="alone19()">19</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH20" onclick="del()">
                <div class="color-number" onclick="alone20()">20</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH21" onclick="del()">
                <div class="color-number" onclick="alone21()">21</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH22" onclick="del()">
                <div class="color-number" onclick="alone22()">22</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH23" onclick="del()">
                <div class="color-number" onclick="alone23()">23</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH24" onclick="del()">
                <div class="color-number" onclick="alone24()">24</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH25" onclick="del()">
                <div class="color-number" onclick="alone25()">25</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH26" onclick="del()">
                <div class="color-number" onclick="alone26()">26</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH27" onclick="del()">
                <div class="color-number" onclick="alone27()">27</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH28" onclick="del()">
                <div class="color-number" onclick="alone28()">28</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH29" onclick="del()">
                <div class="color-number" onclick="alone29()">29</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH30" onclick="del()">
                <div class="color-number" onclick="alone30()">30</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH31" onclick="del()">
                <div class="color-number" onclick="alone31()">31</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH32" onclick="del()">
                <div class="color-number" onclick="alone32()">32</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH33" onclick="del()">
                <div class="color-number" onclick="alone33()">33</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH34" onclick="del()">
                <div class="color-number" onclick="alone34()">34</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH35" onclick="del()">
                <div class="color-number" onclick="alone35()">35</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH36" onclick="del()">
                <div class="color-number" onclick="alone36()">36</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH37" onclick="del()">
                <div class="color-number" onclick="alone37()">37</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH38" onclick="del()">
                <div class="color-number" onclick="alone38()">38</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH39" onclick="del()">
                <div class="color-number" onclick="alone39()">39</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH40" onclick="del()">
                <div class="color-number" onclick="alone40()">40</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH41" onclick="del()">
                <div class="color-number" onclick="alone41()">41</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH42" onclick="del()">
                <div class="color-number" onclick="alone42()">42</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH43" onclick="del()">
                <div class="color-number" onclick="alone43()">43</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH44" onclick="del()">
                <div class="color-number" onclick="alone44()">44</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH45" onclick="del()">
                <div class="color-number" onclick="alone45()">45</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH46" onclick="del()">
                <div class="color-number" onclick="alone46()">46</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH47" onclick="del()">
                <div class="color-number" onclick="alone47()">47</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH48" onclick="del()">
                <div class="color-number" onclick="alone48()">48</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH49" onclick="del()">
                <div class="color-number" onclick="alone49()">49</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH50" onclick="del()">
                <div class="color-number" onclick="alone50()">50</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH51" onclick="del()">
                <div class="color-number" onclick="alone51()">51</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH52" onclick="del()">
                <div class="color-number" onclick="alone52()">52</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH53" onclick="del()">
                <div class="color-number" onclick="alone53()">53</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH54" onclick="del()">
                <div class="color-number" onclick="alone54()">54</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH55" onclick="del()">
                <div class="color-number" onclick="alone55()">55</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH56" onclick="del()">
                <div class="color-number" onclick="alone56()">56</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH57" onclick="del()">
                <div class="color-number" onclick="alone57()">57</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH58" onclick="del()">
                <div class="color-number" onclick="alone58()">58</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH59" onclick="del()">
                <div class="color-number" onclick="alone59()">59</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH60" onclick="del()">
                <div class="color-number" onclick="alone60()">60</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH61" onclick="del()">
                <div class="color-number" onclick="alone61()">61</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH62" onclick="del()">
                <div class="color-number" onclick="alone62()">62</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH63" onclick="del()">
                <div class="color-number" onclick="alone63()">63</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH64" onclick="del()">
                <div class="color-number" onclick="alone64()">64</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH65" onclick="del()">
                <div class="color-number" onclick="alone65()">65</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH66" onclick="del()">
                <div class="color-number" onclick="alone66()">66</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH67" onclick="del()">
                <div class="color-number" onclick="alone67()">67</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH68" onclick="del()">
                <div class="color-number" onclick="alone68()">68</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH69" onclick="del()">
                <div class="color-number" onclick="alone69()">69</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH70" onclick="del()">
                <div class="color-number" onclick="alone70()">70</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH71" onclick="del()">
                <div class="color-number" onclick="alone71()">71</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH72" onclick="del()">
                <div class="color-number" onclick="alone72()">72</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH73" onclick="del()">
                <div class="color-number" onclick="alone73()">73</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH74" onclick="del()">
                <div class="color-number" onclick="alone74()">74</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH75" onclick="del()">
                <div class="color-number" onclick="alone75()">75</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH76" onclick="del()">
                <div class="color-number" onclick="alone76()">76</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH77" onclick="del()">
                <div class="color-number" onclick="alone77()">77</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH78" onclick="del()">
                <div class="color-number" onclick="alone78()">78</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH79" onclick="del()">
                <div class="color-number" onclick="alone79()">79</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="TH80" onclick="del()">
                <div class="color-number" onclick="alone80()">80</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div><br>
        </div>
        <div class="firstline">第四列</div>
        <div class="box-result">
            <div class="result-color" id="FO1" onclick="del()">
                <div class="color-number" onclick="alone1()">01</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO2" onclick="del()">
                <div class="color-number" onclick="alone2()">02</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>

            </div>
            <div class="result-color" id="FO3" onclick="del()">
                <div class="color-number" onclick="alone3()">03</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO4" onclick="del()">
                <div class="color-number" onclick="alone4()">04</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO5" onclick="del()">
                <div class="color-number" onclick="alone5()">05</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO6" onclick="del()">
                <div class="color-number" onclick="alone6()">06</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO7" onclick="del()">
                <div class="color-number" onclick="alone7()">07</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO8" onclick="del()">
                <div class="color-number" onclick="alone8()">08</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO9" onclick="del()">
                <div class="color-number" onclick="alone9()">09</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO10" onclick="del()">
                <div class="color-number" onclick="alone10()">10</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO11" onclick="del()">
                <div class="color-number" onclick="alone11()">11</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO12" onclick="del()">
                <div class="color-number" onclick="alone12()">12</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO13" onclick="del()">
                <div class="color-number" onclick="alone13()">13</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO14" onclick="del()">
                <div class="color-number" onclick="alone14()">14</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO15" onclick="del()">
                <div class="color-number" onclick="alone15()">15</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO16" onclick="del()">
                <div class="color-number" onclick="alone16()">16</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO17" onclick="del()">
                <div class="color-number" onclick="alone17()">17</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO18" onclick="del()">
                <div class="color-number" onclick="alone18()">18</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO19" onclick="del()">
                <div class="color-number" onclick="alone19()">19</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO20" onclick="del()">
                <div class="color-number" onclick="alone20()">20</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO21" onclick="del()">
                <div class="color-number" onclick="alone21()">21</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO22" onclick="del()">
                <div class="color-number" onclick="alone22()">22</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO23" onclick="del()">
                <div class="color-number" onclick="alone23()">23</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO24" onclick="del()">
                <div class="color-number" onclick="alone24()">24</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO25" onclick="del()">
                <div class="color-number" onclick="alone25()">25</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO26" onclick="del()">
                <div class="color-number" onclick="alone26()">26</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO27" onclick="del()">
                <div class="color-number" onclick="alone27()">27</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO28" onclick="del()">
                <div class="color-number" onclick="alone28()">28</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO29" onclick="del()">
                <div class="color-number" onclick="alone29()">29</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO30" onclick="del()">
                <div class="color-number" onclick="alone30()">30</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO31" onclick="del()">
                <div class="color-number" onclick="alone31()">31</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO32" onclick="del()">
                <div class="color-number" onclick="alone32()">32</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO33" onclick="del()">
                <div class="color-number" onclick="alone33()">33</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO34" onclick="del()">
                <div class="color-number" onclick="alone34()">34</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO35" onclick="del()">
                <div class="color-number" onclick="alone35()">35</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO36" onclick="del()">
                <div class="color-number" onclick="alone36()">36</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO37" onclick="del()">
                <div class="color-number" onclick="alone37()">37</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO38" onclick="del()">
                <div class="color-number" onclick="alone38()">38</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO39" onclick="del()">
                <div class="color-number" onclick="alone39()">39</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO40" onclick="del()">
                <div class="color-number" onclick="alone40()">40</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO41" onclick="del()">
                <div class="color-number" onclick="alone41()">41</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO42" onclick="del()">
                <div class="color-number" onclick="alone42()">42</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO43" onclick="del()">
                <div class="color-number" onclick="alone43()">43</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO44" onclick="del()">
                <div class="color-number" onclick="alone44()">44</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO45" onclick="del()">
                <div class="color-number" onclick="alone45()">45</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO46" onclick="del()">
                <div class="color-number" onclick="alone46()">46</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO47" onclick="del()">
                <div class="color-number" onclick="alone47()">47</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO48" onclick="del()">
                <div class="color-number" onclick="alone48()">48</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO49" onclick="del()">
                <div class="color-number" onclick="alone49()">49</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO50" onclick="del()">
                <div class="color-number" onclick="alone50()">50</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO51" onclick="del()">
                <div class="color-number" onclick="alone51()">51</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO52" onclick="del()">
                <div class="color-number" onclick="alone52()">52</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO53" onclick="del()">
                <div class="color-number" onclick="alone53()">53</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO54" onclick="del()">
                <div class="color-number" onclick="alone54()">54</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO55" onclick="del()">
                <div class="color-number" onclick="alone55()">55</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="56" onclick="del()">
                <div class="color-number" onclick="alone56()">56</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO57" onclick="del()">
                <div class="color-number" onclick="alone57()">57</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO58" onclick="del()">
                <div class="color-number" onclick="alone58()">58</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO59" onclick="del()">
                <div class="color-number" onclick="alone59()">59</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO60" onclick="del()">
                <div class="color-number" onclick="alone60()">60</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO61" onclick="del()">
                <div class="color-number" onclick="alone61()">61</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO62" onclick="del()">
                <div class="color-number" onclick="alone62()">62</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO63" onclick="del()">
                <div class="color-number" onclick="alone63()">63</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO64" onclick="del()">
                <div class="color-number" onclick="alone64()">64</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO65" onclick="del()">
                <div class="color-number" onclick="alone65()">65</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO66" onclick="del()">
                <div class="color-number" onclick="alone66()">66</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO67" onclick="del()">
                <div class="color-number" onclick="alone67()">67</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO68" onclick="del()">
                <div class="color-number" onclick="alone68()">68</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO69" onclick="del()">
                <div class="color-number" onclick="alone69()">69</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO70" onclick="del()">
                <div class="color-number" onclick="alone70()">70</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO71" onclick="del()">
                <div class="color-number" onclick="alone71()">71</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO72" onclick="del()">
                <div class="color-number" onclick="alone72()">72</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO73" onclick="del()">
                <div class="color-number" onclick="alone73()">73</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO74" onclick="del()">
                <div class="color-number" onclick="alone74()">74</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO75" onclick="del()">
                <div class="color-number" onclick="alone75()">75</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO76" onclick="del()">
                <div class="color-number" onclick="alone76()">76</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO77" onclick="del()">
                <div class="color-number" onclick="alone77()">77</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO78" onclick="del()">
                <div class="color-number" onclick="alone78()">78</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO79" onclick="del()">
                <div class="color-number" onclick="alone79()">79</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div>
            <div class="result-color" id="FO80" onclick="del()">
                <div class="color-number" onclick="alone80()">80</div>
                <div class="test">
                    <button class="realbutton"></button>
                </div>
            </div><br>
        </div>
    </div>
    <div class="box-right">
        <h1 class="report">报警处置列表</h1>
        <div class="box-report">
            <div class="table-head" style="width: 100%;">
                <table style="color: antiquewhite; width: 100%; padding-right: 6%">
                    <colgroup>
                        <col style="width: 40px;" />
                        <col />
                    </colgroup>
                    <thead style="text-align: center;">
                    <tr>
                        <th style="width: 16%">
                            <select id = "selectLineId" onchange="selectLineIdFunc()" style="border-radius: 8px; font-size: 1rem; font-weight: bold; background-color: antiquewhite; color: rgb(2, 109, 173)">
                                <option value="0">全列</option>
                                <option value="1">1列</option>
                                <option value="2">2列</option>
                                <option value="3">3列</option>
                                <option value="4">4列</option>
                            </select>
                        </th>
                        <th style="width: 16%">
                            <select id = "selectSlotId" onchange="selectSlotIdFunc()" style="border-radius: 8px; font-size: 1rem; font-weight: bold; background-color: antiquewhite; color: rgb(2, 109, 173)">
                                <option value="0">全槽</option>
                                <option value="1">01槽</option>
                                <option value="2">02槽</option>
                                <option value="3">03槽</option>
                                <option value="4">04槽</option>
                                <option value="5">05槽</option>
                                <option value="6">06槽</option>
                                <option value="7">07槽</option>
                                <option value="8">08槽</option>
                                <option value="9">09槽</option>
                                <option value="10">10槽</option>
                                <option value="11">11槽</option>
                                <option value="12">12槽</option>
                                <option value="13">13槽</option>
                                <option value="14">14槽</option>
                                <option value="15">15槽</option>
                                <option value="16">16槽</option>
                                <option value="17">17槽</option>
                                <option value="18">18槽</option>
                                <option value="19">19槽</option>
                                <option value="20">20槽</option>
                                <option value="21">21槽</option>
                                <option value="22">22槽</option>
                                <option value="23">23槽</option>
                                <option value="24">24槽</option>
                                <option value="25">25槽</option>
                                <option value="26">26槽</option>
                                <option value="27">27槽</option>
                                <option value="28">28槽</option>
                                <option value="29">29槽</option>
                                <option value="30">30槽</option>
                                <option value="31">31槽</option>
                                <option value="32">32槽</option>
                                <option value="33">33槽</option>
                                <option value="34">34槽</option>
                                <option value="35">35槽</option>
                                <option value="36">36槽</option>
                                <option value="37">37槽</option>
                                <option value="38">38槽</option>
                                <option value="39">39槽</option>
                                <option value="40">40槽</option>
                                <option value="41">41槽</option>
                                <option value="42">42槽</option>
                                <option value="43">43槽</option>
                                <option value="44">44槽</option>
                                <option value="45">45槽</option>
                                <option value="46">46槽</option>
                                <option value="47">47槽</option>
                                <option value="48">48槽</option>
                                <option value="49">49槽</option>
                                <option value="50">50槽</option>
                                <option value="51">51槽</option>
                                <option value="52">52槽</option>
                                <option value="53">53槽</option>
                                <option value="54">54槽</option>
                                <option value="55">55槽</option>
                                <option value="56">56槽</option>
                                <option value="57">57槽</option>
                                <option value="58">58槽</option>
                                <option value="59">59槽</option>
                                <option value="60">60槽</option>
                                <option value="61">61槽</option>
                                <option value="62">62槽</option>
                                <option value="63">63槽</option>
                                <option value="64">64槽</option>
                                <option value="65">65槽</option>
                                <option value="66">66槽</option>
                                <option value="67">67槽</option>
                                <option value="68">68槽</option>
                                <option value="69">69槽</option>
                                <option value="70">70槽</option>
                                <option value="71">71槽</option>
                                <option value="72">72槽</option>
                                <option value="73">73槽</option>
                                <option value="74">74槽</option>
                                <option value="75">75槽</option>
                                <option value="76">76槽</option>
                                <option value="77">77槽</option>
                                <option value="78">78槽</option>
                                <option value="79">79槽</option>
                                <option value="80">80槽</option>
                            </select>
                        </th>
                        <th style="width: 14%">板号</th>
                        <th style="width: 22%; text-align: center">
                            <select id = "selectWarn" onchange="selectWarnFunc()" style=" border-radius: 8px; font-size: 1rem; font-weight: bold; background-color: antiquewhite; color: rgb(2, 109, 173)">
                                <option value="0">告警</option>
                                <option value="0">一级</option>
                                <option value="1">二级</option>
                                <option value="2">三级</option>
                            </select>
                        </th>
                        <th style="width: 16%; text-align: center">时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                </table>
            </div>

            <div class="table-body">
                <table style="text-align: center; ">
                    <colgroup><col style="width: 11%; text-align: center" /><col /></colgroup>
                    <tbody id="tbMain" ></tbody>
                </table>
            </div>

        </div>
        <h1 class="report">控制台</h1>
        <div class="box-control">
            <div style="height: 50%; width: 100%">

            </div>
            <div id="frozen-btn1" style="height: 50%; width: 100%">
                <button class="green" id="controlButton" style="width: 30%;height: 60%;" ><span >刷新</span></button>
            </div>

        </div>
    </div>
    <script>
        document.getElementById("controlButton1111111111111111").onclick = function () {
            // var username = this.value;
            var xhttp;
            if (window.XMLHttpRequest) {
                xhttp = new XMLHttpRequest();
            } else {
                xhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xhttp.open("GET","http://localhost:8080/JavaWeb_war/checkingServlet");
            xhttp.send();
            xhttp.onreadystatechange = function () {
                if (this.readyState == 4 && this.status == 200) {
                    let box1_1 = this.responseText.substring(12,50);
                    let box1_10 = this.responseText.substring(63,101);
                    let box1_11 = this.responseText.substring(114,152);
                    let box1_12 = this.responseText.substring(165,203);
                    let box1_2 = this.responseText.substring(215,253);
                    let box1_3 = this.responseText.substring(265,303);
                    let box1_4 = this.responseText.substring(315,353);
                    let box1_5 = this.responseText.substring(365,403);
                    let box1_6 = this.responseText.substring(415,453);
                    let box1_7 = this.responseText.substring(465,503);
                    let box1_8 = this.responseText.substring(515,553);
                    let box1_9 = this.responseText.substring(565,603);
                    if (box1_1[0] == "1") {
                        box.style.background = "rgb(255, 255, 0)";
                    } else {
                        box.style.background = "rgb(123, 123, 123)";
                    }
                }
            }
        }
    </script>
</div>

</body>

</html>